<template>
	<view class="zone">
		<view class="status_bar"><!-- 这里是状态栏 --></view>

		<view class="main">

			<view class="box">
				<!-- <view class="posabtn button" @click="$p.navto('/pages/home/Introduction')">快速搬砖教程</view> -->
				<view class="flex">
					<image class="gamelogo" src="http://img.cpgm.cc/panda/static/game/zyzr.png" mode="widthFix" />
					<view class="t_word">
						<text class="one">自由之刃高爆版</text>
						<text class="two">为搬砖玩家设计</text>
						<view> <text>小型设施</text> <text>策略游戏</text> <text>爆爽玩法</text> </view>
					</view>
				</view>
				<image class="word2" src="http://img.cpgm.cc/panda/static/game/word2.png" mode="widthFix" />
				<view class="line1"></view>
				<view class="accountbox">
					<view class="stepleft">
						<view class="step1">
							<view>1</view>
							<text>使用专属账号登录</text>
						</view>
						<p>无需注册，请使用您的专属账号登录，否则无法获得奖励。</p>
					</view>
					<view class="button" @click="show = true">专属账号</view>
				</view>
				<view class="line1"></view>
				<view class="codebox">
					<view class="stepleft">
						<view class="step1">
							<view>2</view>
							<text>若无法下载，请扫码下载安装</text>
						</view>
						<p>苹果安装步骤：下载后打开手机设置-通用-描述文件与设备管理-找到对应app-点击信任即可。安卓请直接下载安装。</p>
					</view>
					<image src="http://img.cpgm.cc/panda/static/public/code2.png" mode="widthFix" />
				</view>
				<view class="codebox">
					<view class="stepleft">
						<view class="step1">
							<view>3</view>
							<text>恶意卡游戏机制，游戏连点器加速辅助等系统制造装备均不可兑换奖励</text>
						</view>
					</view>
				</view>

				<view class="flexbtn">
					<view class="downbtn button" @click="downgame()">游戏下载</view>
					<view class="downbtn2 button" @click="$p.navto(`/pages/home/strategy?type=2`)">搬砖攻略</view>
				</view>
			</view>

			<view class="xinashire">
				<image src="../../static/self/yb.png" mode="widthFix" />
				<view class="word">
					<p>游戏福利 <text>限时奖励</text> </p>
					<p>游戏内充值1元免费赠送 <text>0.3</text> 枚银元</p>
				</view>
			</view>



				<view class="tab2">
					<view v-for="item in tablist" :key="item.id" :class="[tabstat == item.id?'active2':'']"
						@click="tabchange1(item.id)">{{item.name}}</view>
				</view>

				<!-- <view class="list" v-show="tabstat == 1">
					<view class="l_item" v-for="(item , index) in list" :key="index">
						<view class="left">
							<view class="daoju">
								<image :src="'http://img.cpgm.cc/panda/static/prop/' + item.img" mode="widthFix" />
								<text>{{!!item.fighting?item.fighting:'0'}}战力</text>
							</view>
							<view class="word">
								<text>{{!!item.lv?item.lv:'0'}}级可每日领取</text>
								<text>{{!!item.name?item.name:'------'}}<span>×{{item.num}}</span></text>
							</view>
						</view>
						<view class="l_line"></view>
						<view class="right">
							<view class="fee">
								<p>转赠费
									<text>{{item.lv == 85?'50%':item.lv == 120?'20%':item.lv == 150?'15%':item.lv == 180?'10%':item.lv == 220?'5%':'5%'}}</text>
								</p>
								<p>市场费
									<text>{{item.lv == 85?'50%':item.lv == 120?'20%':item.lv == 150?'15%':item.lv == 180?'10%':item.lv == 220?'5%':'5%'}}</text>
								</p>
							</view>
							<view class="btn_box">
								<view v-if="!!item.is_rece" class="button grey">已领取</view>
								<u-button v-else :plain="true" :hair-line="false" hover-class="none"
									:throttle-time="1000" class="button" @click="receive(item.lv,item)">领取</u-button>
							</view>
						</view>
					</view>
				</view> -->


			<!-- 自由之刃 -->
			<view class="eq1list" v-show="tabstat == 2">
				<view class="tab">
					<view v-for="item in tablist1" :key="item.id" :class="[stat == item.id?'active':'']"
						@click="tabchange(item.id)">{{item.name}}</view>
				</view>

				<view class="mart10" v-if="stat == 1">
					<view class="area">
						<p>
							<text>时间：开区1～10天</text>
							<text>奖励区服：{{equipinfo.new}} </text>
						</p>
						<text>具体根据公告时间来安排</text>
					</view>

					<view class="item" v-for="(item,index) in eqlist1.one" :key="index">
							<text>{{item.name}}</text>
							<text>{{item.gold}}</text>
					</view>
				</view>

				<view class="mart10" v-if=" stat == 2">
					<view class="area">
						<p>
							<text>时间：开区11-20天</text>
							<text>奖励区服：{{equipinfo.old}}</text>
						</p>
						
						<text>具体根据公告时间来安排</text>
					</view>
					<view class="item" v-for="(item,index) in eqlist1.tow" :key="index">
							<text>{{item.name}}</text>
							<text>{{item.gold}}</text>
					</view>
				</view>

				<view class="mart10" v-if="stat == 3">
					<view class="area">
						<p>
							<text>时间：永久回收</text>
							<text>奖励区服：{{equipinfo.tongzhan}}</text>
						</p>
						<text>具体根据公告时间来安排</text>
					</view>
					<view class="item" v-for="(item,index) in eqlist1.three" :key="index">
							<text>{{item.name}}</text>
							<text>{{item.gold}}</text>
					</view>
				</view>
			</view>

			<u-mask :show="show">
				<view class="warp">
					<view class="mask_content">
						<view class="m_title">
							<text>专属账号</text>
						</view>
						<view class="tips">无需注册，请使用您的专属账号登录，否则无法获得奖励。</view>
						<view class="acount">
							<view class="a_left">
								<p>游戏账号</p>
								<view class="line2"></view>
								<text>DD{{userinfo.mobile}}</text>
							</view>
							<view class="button" @click="copy('DD'+userinfo.mobile)">复制</view>
						</view>
						<view class="acount">
							<view class="a_left">
								<p>游戏密码</p>
								<view class="line2"></view>
								<text>{{isshow?userinfo.source_password:'******'}}</text>
							</view>
							<view class="button" @click="seepas">查看</view>
						</view>
					</view>
					<image class="close" @click="show = false" src="http://img.cpgm.cc/panda/static/feed/cha.png"
						mode="widthFix" />
				</view>
			</u-mask>
		</view>

		<u-mask :show="show5">
			<view class="warpss">
				<view class="top_wa">
					<image src="http://img.cpgm.cc/panda/static/home/liwu.png" class="hongbao2" mode="widthFix">
					</image>
					<view class="top_tit">
						恭喜您
					</view>
					<view class="top_tit">
						领取{{items.lv}}级每日奖励成功
					</view>
					<view class="pic_num">
						获得{{items.name}}x{{items.num}}
					</view>
					<view class="daoju2">
						<image :src="'http://img.cpgm.cc/panda/static/prop/' + items.img" mode="widthFix" />
						<!-- <image src="http://img.cpgm.cc/panda/static/home/2.png" mode="widthFix" /> -->
						<text>{{items.fighting}}战力</text>
					</view>
					<view @click="querenTs2" class="btn_kai">
						开心收下
					</view>
					<!-- 	<view class="tixian">
						红包达到2000元可提现
					</view> -->
				</view>
			</view>
		</u-mask>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				items: {},
				show5: false,
				tablist: [
					// {
					// 	id: 1,
					// 	name: '每日领取'
					// },
					{
						id: 2,
						name: '装备奖励'
					},
					{
						id: 3,
						name: '游戏红包'
					},
				],
				tabstat: 2,
				tablist1: [{
						id: 1,
						name: '新区奖励'
					},
					{
						id: 2,
						name: '老区奖励'
					},
					{
						id: 3,
						name: '统战区奖励'
					},
				],
				stat: 1,
				eqlist1: '',
				eqlist2: '',
				eqlist3: '',
				show: true,
				userinfo: '',
				qqgroup: '',
				newarea: '',
				old: '',
				tongzhan: '',
				qqlink: '',
				list: [],
				userinfo: uni.getStorageSync('userinfo'),
				val1: 'http://sy.1n.cn/index.php?s=/Home/Index/game_view/promote_id/35787/game_id/2659.html',
				isshow:false,
				equipinfo:'',
			};
		},
		onLoad() {
			this.getequip();
			// this.getdaoju()
		},
		methods: {
			querenTs2() {
				this.show5 = false
			},
			tabchange(id) {
				this.stat = id
			},
			tabchange1(id) {
				if (id == 3) {
					this.$p.navto('/pages/my/redEnvelope')
				}
			},
			seepas(){
				this.isshow = !this.isshow
			},
			downgame() {
				if (this.$u.os() == 'android') {
					plus.runtime.openURL(this.val1, function(res) {});
				} else if (this.$u.os() == 'ios') {
					location.href = this.val1
				} else {
					location.href = this.val1
				}
			},


			// 获取道具列表
			async getdaoju() {
				let res = await this.$http.index.getGmList({})
				this.list = res.data.map((item, index) => {
					return {
						...item,
						img: index + 1 + '.png'
					}
				})
				console.log(this.list);
			},

			copy(res) {
				this.$p.copy(res)
			},

			// 获取装备列表
			async getequip() {
				let res = await this.$http.index.equip()
				this.equipinfo = res
				this.eqlist1 = res.game1
				this.qqgroup = res.qqgroup
				this.qqlink = res.qqlink
			},

			// 游戏奖励领取
			async receive(lv, item) {
				this.items = item
				let phone_type = this.$u.os()
				let res = await this.$http.index.gameLvReward({
					phone_type: phone_type,
					lv: lv
				})
				this.$u.toast(res.msg)
				if (res.code == 1) {
					this.getdaoju()
					this.show5 = true
				}
			}
		},
	}
</script>

<style lang="less" scoped>
	.zone {
		background: linear-gradient(180deg, #005FFE 0%, #2BD2F7 34%, #58F6D9 53%, #28E2F5 62%, #8B66FC 100%);
		min-height: calc(100vh - 75px);
	}

	.warpss {

		.top_wa {
			position: relative;
			width: 80%;
			margin: 0 auto;
			margin-top: 60%;
			background: linear-gradient(180deg, #FAD9BF 0%, #FFFFFF 100%);
			box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
			border-radius: 19px;
			padding: 35px 20px 10px 20px;

			.hongbao {
				width: 30%;
				// height: 0px;
				position: absolute;
				top: -40px;
				left: 50%;
				transform: translateX(-50%);
			}

			.hongbao2 {
				width: 25%;
				// height: 0px;
				position: absolute;
				top: -40px;
				left: 50%;
				transform: translateX(-50%);
			}

			.top_tit {
				text-align: center;
				margin: 10px;
				font-size: 22px;
				font-family: PingFangSC-Semibold, PingFang SC;
				font-weight: 600;
				color: #000000;
			}

			.pic_num {
				text-align: center;
				font-size: 14px;
				font-family: Futura-Bold, Futura;
				font-weight: 400;
				margin: 15px 0;
				color: #343434;

			}

			.btn_kai {
				width: 90%;
				margin: 0 auto;
				height: 57px;
				background: linear-gradient(270deg, #FF456B 0%, #FE5C4F 100%);
				border-radius: 5px;
				font-size: 16px;
				font-family: SourceHanSansCN-Bold, SourceHanSansCN;
				font-weight: bold;
				color: #FFFFFF;
				line-height: 57px;
				text-align: center;
				margin: 10px;
			}

			.tixian {
				text-align: center;
				font-size: 12px;
			}
		}
	}

	.main {
		padding: 30px 8px 8px;
	}


	.box {
		position: relative;
		background: rgba(255, 255, 255, 0.6);
		box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
		border-radius: 5px;
		padding: 10px;

		image {
			width: 80px;
			margin-right: 10px;
		}
	}

	.flex {
		display: flex;
		align-items: center;
	}

	.line1 {
		width: 100%;
		height: 1px;
		background: rgba(0, 0, 0, 0.1);
		margin: 15px 0;
	}



	.t_word {
		display: flex;
		flex-direction: column;

		.one {
			color: #222220;
			font-size: 20px;
			font-weight: 600;
		}

		.two {
			color: #222222;
			font-size: 12px;
			margin-top: 10px;
		}

		view {
			display: flex;
			align-items: center;
			margin-top: 10px;

			text {
				font-size: 12px !important;
				padding: 2px 5px;
				zoom: 0.9;
				border: 1px solid #343434;
				border-radius: 4px;
			}

			text:nth-child(2) {
				margin: 0 10px;
			}
		}
	}



	.step1 {
		display: flex;
		align-items: center;

		view {
			width: 16px;
			height: 16px;
			background: linear-gradient(90deg, #4F4E4C 0%, #242424 100%);
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 12px;
			color: #fff;
			border-radius: 50%;
			margin-right: 10px;
		}

		text {
			flex: 1;
			color: #222220;
			font-size: 14px;
		}
	}

	.accountbox {
		display: flex;
		align-items: center;
		justify-content: space-between;

		.button {
			width: 82px;
			height: 33px;
			background: url('http://img.cpgm.cc/panda/static/public/btn2.png');
			background-size: 100% 100%;
			border-radius: 4px;
			color: #B73800;
			font-size: 12px;
			font-weight: 600;
			margin-left: 10px;
		}
	}

	.stepleft {
		flex: 1;
		display: flex;
		flex-direction: column;

		p {
			padding-left: 26px;
			font-size: 12px;
			color: #222222;
		}
	}

	.codebox {
		display: flex;
		align-items: center;
		justify-content: space-between;

		image {
			width: 80px;
			border-radius: 4px;
			border: 1px solid #000;
			margin-left: 10px;
		}
	}

	.downbtn {
		background: url('http://img.cpgm.cc/panda/static/public/btn2.png');
		background-size: 100% 100%;
		width: 55%;
		height: 50px;
		color: #B73800;
		font-weight: 600;
		font-size: 16px;
		margin: 10px auto;
		margin-top: 20px;
	}

	.downbtn2 {
		background: url('http://img.cpgm.cc/panda/static/public/btn2.png');
		background-size: 100% 100%;
		width: 35%;
		color: #B73800;
		font-weight: 600;
		height: 50px;
		font-size: 16px;
		margin: 10px auto;
		margin-top: 20px;
	}



	// tab导航
	.tab {
		width: 100%;
		display: flex;
		align-items: center;
		background: #fff;
		border-radius: 20px;
		overflow: hidden;
		margin: 0 auto;
		background: rgba(255, 255, 255, 0.9);
		border-radius: 9px;

		view {
			position: relative;
			width: 50%;
			height: 40px;
			text-align: center;
			line-height: 40px;
			color: rgba(52, 52, 52, 0.6);
			font-size: 13px;
		}
	}

	.active {
		color: #000000 !important;
		position: absolute;


	}

	.active::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 54px;
		height: 4px;
		background: #000000;
		border-radius: 7px;
		backdrop-filter: blur(10px);
	}

		// tab导航
	.tab2 {
		width: 100%;
		display: flex;
		align-items: center;
		background: rgba(255,255,255,0.7);
		box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
		border-radius: 5px;
		padding: 5px;
		overflow: hidden;
		margin: 10px auto;
		border-radius: 7px;
		// backdrop-filter: blur(50px);

		view {
			width: 50%;
			height: 42px;
			text-align: center;
			line-height: 42px;
			color: #343434;
			font-size: 13px;
			font-weight: 600;
			border-radius: 7px;
		}
	}
	.active2 {
		color: #FFFFFF !important;
		background: #000000 !important;
	}



	.otbox {
		background: #fff;
		border-radius: 10px;
		margin-top: 10px;
		padding: 10px;
	}

	.area {
		background: #fff;
		border-radius: 5px;
		padding: 10px;
		display: flex;
		align-items: center;
		flex-direction: column;

		p {
			display: flex;
			align-items: center;
			flex-direction: column;
			font-size: 12px;
			font-weight: 600;
			color: #000000;

			text {
				color: #000;
				margin: 0;
			}

			text:nth-child(2) {
				margin: 10px 0;
			}
		}

		text {
			color: #696969;
			font-size: 12px;
		}
	}



	.item {
		border-radius: 4px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 14px;
		margin-top: 5px;
		background: rgba(255,255,255,0.9);
		border-radius: 9px;
		padding: 12px;

		text {
			color: #222222;
			font-size: 12px;
		}
	}

	.btnbox {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 15px;

		.button {
			width: 90%;
			height: 45px;
			border-radius: 5px;
			color: #343434;
			font-weight: 600;
		}

		.btn1 {
			background: linear-gradient(90deg, #E5BB94 0%, #EEDDCF 100%);
		}

		.btn2 {
			background: linear-gradient(360deg, #8BEAD1 0%, #70D7D3 100%);
		}
	}

	.list {
		margin-top: 10px;
	}

	.outside {
		background: rgba(255, 255, 255, 0.6);
		box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
		border-radius: 5px;
		padding: 5px 8px;
		margin-top: 10px;
	}

	.l_item {
		background: #fff;
		border-radius: 5px;
		padding: 10px 8px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 6px 0;

		.button {
			width: 70px;
			height: 34px;
			background: linear-gradient(270deg, #FF456B 0%, #FE5C4F 100%);
			color: #fff;
			border-radius: 5px;
			font-size: 12px;
		}
	}

	.l_line {
		width: 1px;
		height: 45px;
		background: #000000;
		border-radius: 5px;
		opacity: 0.1;
		margin: 0 5px;
	}

	.left {
		width: 50%;
		display: flex;
		align-items: center;
	}

	.right {
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: space-between;

		.fee {
			p {
				color: #343434;
				font-size: 12px;
				margin: 2px 0;
			}

			text {
				font-size: 12px;
				font-weight: bold;
				color: #fff;
				line-height: 16px;
				background: linear-gradient(180deg, #FF2F00 0%, #FF8758 100%);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
				zoom: 0.9;
			}
		}
	}

	.daoju2 {
		width: fit-content;
		position: relative;
		background: url('http://img.cpgm.cc/panda/static/backpag/pagbg.png');
		background-size: 100% 100%;
		margin: 0 auto;
		margin-bottom: 25px;

		image {
			width: 55px;
		}

		text {
			position: absolute;
			right: 0px;
			bottom: 0px;
			width: 100%;
			text-align: center;
			background-color: rgba(0, 0, 0, 0.5);
			font-size: 12px;
			zoom: 0.8;
			color: #fff;
			border-radius: 0 0 5px 5px;
		}
	}

	.daoju {
		width: fit-content;
		position: relative;
		background: url('http://img.cpgm.cc/panda/static/backpag/pagbg.png');
		background-size: 100% 100%;
		margin-right: 10px;

		image {
			width: 55px;
		}

		text {
			position: absolute;
			right: 2px;
			bottom: 2px;
			font-size: 12px;
			color: #FEE1C3;
		}
	}

	.word {
		display: flex;
		flex-direction: column;

		text:nth-child(1) {
			color: #000000;
			font-size: 13px;
			font-weight: 600;

		}

		text:nth-child(2) {
			color: #343434;
			font-size: 13px;
			margin-top: 6px;

			span {
				font-size: 12px;
				font-weight: bold;
				color: #fff;
				line-height: 16px;
				background: linear-gradient(180deg, #FF2F00 0%, #FF8758 100%);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
			}
		}
	}


	.mask_content {
		background: linear-gradient(180deg, #61FBED 0%, #E4FDFC 31%, #F6FEEB 68%, #F5FEA8 100%);
		box-shadow: inset 5px 5 45px 0px rgba(255,255,255,0.5), inset -5px -5 45px 0px rgba(255,255,255,0.5), inset 0px 2 0px 0px rgba(255,255,255,0.5);
		border-radius: 18px;
		padding: 20px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.tips {
		width: 80%;
		text-align: center;
		margin: 15px 0;
		font-size: 12px;
		color: #696969;
	}

	.iostips {
		margin-top: 12px;
		font-size: 12px;
		color: #B5D0F7;
		font-weight: 600;

		p {
			color: #B5D0F7;
			margin-top: 5px;
		}
	}

	.line {
		width: 100%;
		height: 1px;
		background: rgba(179, 74, 30, .21);
		margin: 15px 0;
	}

	.acount {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-radius: 7px;
		padding: 10px;
		margin-top: 10px;
		background: rgba(255, 255, 255, 0.7);
		box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
		border-radius: 5px;
		border: 1px solid #E3E3E3;

		.button {
			width: 57px;
			height: 28px;
			background: url('http://img.cpgm.cc/panda/static/public/btn7.png');
			background-size: 100% 100%;
			border-radius: 4px;
			color: #9D3A23;
			font-size: 12px;
			font-weight: 600;
		}
	}

	.a_left {
		display: flex;
		align-content: center;

		p {
			color: #343434;
			font-size: 14px;
			font-weight: 600;
			margin-right: 10px;
			line-height: 31px;
		}

		text {
			color: #000000;
			font-size: 14px;
			font-weight: 600;
			line-height: 31px;
		}
	}

	.line2 {
		width: 1px;
		height: 31px;
		background: #000000;
		border-radius: 5px;
		opacity: 0.1;
		margin-right: 10px;
	}


	.close {
		position: absolute;
		bottom: -25%;
		left: calc(50% - 15px);
		width: 30px;
	}


	.m_title {
		display: flex;
		align-items: center;
		justify-content: center;

		text {
			position: relative;
			color: #131314;
			font-size: 18px;
			margin: 0 10px;
			font-weight: 600;
			z-index: 99;
		}

	}

	.eq1list {
		background: rgba(255, 255, 255, 0.6);
    	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
		border-radius: 10px;
		padding: 10px;
		margin-top: 10px;
	}

	.grey {
		filter: grayscale(1);
	}

	.flexbtn {
		display: flex;
		align-items: center;
	}

	.posabtn {
		position: absolute;
		right: 10px;
		top: 10px;
		width: 90px;
		height: 35px;
		background: linear-gradient(180deg, #FFF8B5 0%, #FFFFEB 100%);
		box-shadow: 0px 2px 0px 0px rgba(150, 70, 3, 1), inset 0px -2px 0px 0px rgba(225, 186, 101, 1);
		border-radius: 5px;
		border: 1px solid #964603;
		color: #964603;
		font-weight: 600;
		font-size: 12px;
	}

	.banner {
		width: 100%;
		margin-top: 10px;
	}

	.word2 {
		width: 90% !important;
		margin-top: 5px;
	}

	.gamelogo {
		border-radius: 15px;
	}
	.xianshi {
		padding-left: 25px;
		margin-top: 5px;
		color: red;
	}


	.xinashire {
		background: rgba(255,255,255,0.7);
		box-shadow: 0px 2 4px 0px rgba(0,0,0,0.1);
		border-radius: 5px;
		padding: 10px;
		margin-top: 10px;
		display: flex;
		align-items: center;

		image {
			width: 50px;
			margin-right: 10px;
		}

		.word {
			display: flex;
			flex-direction: column;

			p:nth-child(1) {
				display: flex;
				align-items: center;
				color: #001616;
				font-size: 14px;
				font-weight: 600;

				text { 
					background: #DF4501;
					border-radius: 3px;
					padding: 2px 5px;
					color: #FFFFFF;
					font-size: 12px;
					margin-left: 4px;
				}
			}
			p:nth-child(1) {
				display: flex;
				align-items: center;
				color: #001616;
				font-size: 12px;
				margin-top: 4px;

				text {
					font-weight: 600;
				}
			}
		}
	}

</style>